<!DOCTYPE html>
<html lang="en">
<head>
	{include file="common/head"}
	<style>
		.search-title {
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}
		.search-description {

		}
	</style>
</head>
<body class="body-wrapper">
{include file="common/menu"}
<section class="page-title bg-title overlay-dark">
	<div class="container">
		<div class="row">
			<div class="col-12 text-center">
				<div class="title">
					<h3>{:lang('Site Search')}</h3>
				</div>
				<ol class="breadcrumb justify-content-center p-0 m-0 text-white">
					{:__('Search for `%s` related content',[$__param__['keyword']])}
				</ol>
			</div>
		</div>
	</div>
</section>
<section class="section pt-0 pt-md-4">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="row">
					<div class=" col-12 widget search p-0">
						<form class="search-form" action="{:index_url('/search/index')}" method="get">
						<div class="input-group">
							<input type="text" class="form-control main m-0" id="expire" name="keyword" value="{$__param__['keyword']}" placeholder="{:__('Enter a keyword and press Enter to search')}">
							<button type="submit" class="input-group-addon"><i class="fa fa-search"></i></button>
						</div>
						</form>
					</div>
					{hkcms:volist name="__SDATA__"}
					<div class="job-item col-12 p-4 mb-4 border shadow-sm">
							<div class="d-flex">
								{if isset($item.thumb) && !empty($item.thumb)}<img src="{$item.thumb}" style="width: 150px;height: 100px;object-fit: cover;" class="img-fluid mr-4" alt="post-thumb">{/if}
								<div class="text-start ps-4">
									<h5 class="search-title mb-1" style="font-size: 15px"><a href="{$item.url}" title="{$item.title}">{$item.title}</a><span class="text-danger ml-2">{$item.salary|default=''}</span></h5>
									<p class="search-description mb-1">{$item.description}</p>
									<a href="{$item.category.url}"><span class="text-truncate mr-3" style="font-size: 13px"><i class="fa fa-list mr-2"></i>{$item.category.title}</span></a>
									{if isset($item.author) && !empty($item.author)}<a href="{$item.url}"><span class="text-truncate mr-3" style="font-size: 13px"><i class="fa fa-user-o mr-2"></i>{$item.author}</span></a>{/if}
									<a href="{$item.url}"><span class="text-truncate mr-3" style="font-size: 13px"><i class="fa fa-eye mr-2"></i>{$item.views}</span></a>
									<a href="{$item.url}"><span class="text-truncate mr-3" style="font-size: 13px"><i class="fa fa-calendar mr-2"></i>{hkcms:date name="$item.publish_time" format="Y-m-d"}</span></a>
								</div>
							</div>
					</div>
					{/hkcms:volist}
				</div>
				<div class="row">
					<div class="col-12 text-center">
						<nav class="d-flex justify-content-center">
							{hkcms:contentpage name="__SPAGE__" item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" pre="&laquo;" next="&raquo;" /}
						</nav>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
{include file="common/map"}
{include file="common/footer"}
</body>
</html>